<!DOCTYPE html>

<html>

	<head>
		<meta name="viewport" content="width=device-width" />
		<title>Index</title>

		<!-- Bootstrap framework -->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
		<!-- jQuery UI theme -->
		<link rel="stylesheet" href="lib/jquery-ui/css/Aristo/Aristo.css" />
		<!-- tooltips-->
		<link rel="stylesheet" href="lib/jBreadcrumbs/css/BreadCrumb.css" />
		<!-- tooltips-->
		<link rel="stylesheet" href="lib/qtip2/jquery.qtip.min.css" />
		<!-- colorbox -->
		<link rel="stylesheet" href="lib/colorbox/colorbox.css" />
		<!-- code prettify -->
		<link rel="stylesheet" href="lib/google-code-prettify/prettify.css" />
		<!-- sticky notifications -->
		<link rel="stylesheet" href="lib/sticky/sticky.css" />
		<!-- aditional icons -->
		<link rel="stylesheet" href="img/splashy/splashy.css" />
		<!-- flags -->
		<link rel="stylesheet" href="img/flags/flags.css" />
		<!-- datatables -->
		<link rel="stylesheet" href="lib/datatables/extras/TableTools/media/css/TableTools.css">

		<!-- calendar -->
		<link rel="stylesheet" href="lib/fullcalendar/fullcalendar_gebo.css" />

		<!-- main styles -->
		<link rel="stylesheet" href="css/style.css" />
		<!-- theme color-->
		<link rel="stylesheet" href="css/blue.css" id="link_theme" />

		<!--             <link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'> -->

		<!-- favicon -->
		<link rel="shortcut icon" href="favicon.ico" />

		<!--[if lte IE 8]>
            <link rel="stylesheet" href="css/ie.css" />
        <![endif]-->

		<!--[if lt IE 9]>
			<script src="js/ie/html5.js"></script>
			<script src="js/ie/respond.min.js"></script>
			<script src="lib/flot/excanvas.min.js"></script>
        <![endif]-->

	</head>

	<body onload="iframeAutoFit()">

		<div id="jCrumbs" class="breadCrumb module">
			<ul>
				<li>
					<a href="#"><i class="glyphicon glyphicon-home"></i></a>
				</li>
				<li>
					<a href="#">首页</a>
				</li>
				<li>
					<a href="#">导航</a>
				</li>
				<li>
					<a href="#">栏目</a>
				</li>
				<li>
					<a href="#"> 信息</a>
				</li>
				<li>
					经纪人搜索
				</li>
			</ul>
		</div>
		<div class="row ">
			<div style="width: 810px;margin-left: auto;margin-right: auto;display: table;float: none; text-align: center;">
				<div class="row">

					<div class=" col-sm-12">


						<form class="form-inline">








							<div class="form-group">
								经纪名称:
							</div>
							<div class="form-group">
								<input type="text" id="TxtNickName" value="" class="form-control input-sm" />

							</div>
							<div class="form-group">
								门店名称:
							</div>
							<div class="form-group">
								<input type="text" id="TxtbranchName" value="" class="form-control input-sm" />
							</div>
							<div class="form-group">
								所在城市:
							</div>
							<div class="form-group">
								<input type="text" id="TxtCityName" value="" class="form-control input-sm" />


							</div>
							<button class="btn btn-default" type="button">搜索</button>

							<button class="btn btn-default" type="button">重置</button>
						</form>
					</div>
				</div>
			</div>

			<br />
			<div class="col-sm-12 col-md-12">

				<table class="table table-striped table-bordered dTableR" id="dt_a">
					<thead>
						<tr>
							<th>经纪人名称</th>
							<th>手机号</th>
							<th>门店</th>
							<th>所在城市</th>
							<th>注册日期</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>

						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>
						<tr>
							<td>测试a</td>
							<td>133333333</td>
							<td>海曙门店</td>
							<td class="center"> 宁波</td>
							<td class="center">2014-10-11</td>
						</tr>



					</tbody>
				</table>
			</div>




		</div>



		<script src="js/jquery.min.js"></script>
		<script src="js/jquery-migrate.min.js"></script>
		<script src="lib/jquery-ui/jquery-ui-1.10.0.custom.min.js"></script>
		<!-- touch events for jquery ui-->
		<script src="js/forms/jquery.ui.touch-punch.min.js"></script>
		<!-- easing plugin -->
		<script src="js/jquery.easing.1.3.min.js"></script>
		<!-- smart resize event -->
		<script src="js/jquery.debouncedresize.min.js"></script>
		<!-- js cookie plugin -->
		<script src="js/jquery_cookie_min.js"></script>
		<!-- main bootstrap js -->
		<script src="bootstrap/js/bootstrap.min.js"></script>
		<!-- bootstrap plugins -->
		<script src="js/bootstrap.plugins.min.js"></script>
		<!-- typeahead -->
		<script src="lib/typeahead/typeahead.min.js"></script>
		<!-- code prettifier -->
		<script src="lib/google-code-prettify/prettify.min.js"></script>
		<!-- sticky messages -->
		<script src="lib/sticky/sticky.min.js"></script>
		<!-- tooltips -->
		<script src="lib/qtip2/jquery.qtip.min.js"></script>
		<!-- lightbox -->
		<script src="lib/colorbox/jquery.colorbox.min.js"></script>
		<!-- jBreadcrumbs -->
		<script src="lib/jBreadcrumbs/js/jquery.jBreadCrumb.1.1.min.js"></script>
		<!-- hidden elements width/height -->
		<script src="js/jquery.actual.min.js"></script>
		<!-- custom scrollbar -->
		<script src="lib/slimScroll/jquery.slimscroll.js"></script>
		<!-- fix for ios orientation change -->
		<script src="js/ios-orientationchange-fix.js"></script>
		<!-- to top -->
		<script src="lib/UItoTop/jquery.ui.totop.min.js"></script>
		<!-- mobile nav -->
		<script src="js/selectNav.js"></script>

		<!-- common functions -->
		<!--	<script src="js/gebo_common.js"></script>-->

		<script src="lib/datatables/jquery.dataTables.min.js"></script>
		<script src="lib/datatables/extras/Scroller/media/js/dataTables.scroller.min.js"></script>
		<!-- datatable table tools -->
		<script src="lib/datatables/extras/TableTools/media/js/TableTools.min.js"></script>
		<script src="lib/datatables/extras/TableTools/media/js/ZeroClipboard.js"></script>
		<!-- datatables bootstrap integration -->
		<script src="lib/datatables/jquery.dataTables.bootstrap.min.js"></script>

		<!-- datatable functions -->
	<script src="js/gebo_datatables.js"></script>

		<script type="text/javascript">
			$(document).ready(function() {
				$('#dt_a1').dataTable({
					//              "sDom": "<'row'<'col-sm-6'<'dt_actions'>l><'col-sm-6'f>r>t<'row'<'col-sm-5'i><'col-sm-7'p>>",
					//              "sPaginationType": "bootstrap_alt",
					//              "bPaginate": true, //翻页功能

					"oLanguage": {
						"sLengthMenu": "显示  _MENU_ 条数据每页",
						"sZeroRecords": "共 0 条数据",
						"sInfo": "显示 _START_ 项至 _END_ 项共 _TOTAL_ 条数据",
						"sInfoEmpty": "共 0 条数据",
						"sInfoFiltered": "(共检索出 _MAX_  条数据)",
						"sInfoPostFix": "",
						"sSearch": "搜索",
						"oPaginate": {
							"sFirst": "第一页",
							"sPrevious": "上一页",
							"sNext": "下一个",
							"sLast": "最后页"
						}
					}
					//              "language": {
					//          "url": "js/cn_ZH.txt"
					//          }
					//     },
					//              "oLanguage": {
					//                  "sLengthMenu": "_MENU_ records per page"
					//              }
				});


			})

			function iframeAutoFit() {
				var ex;
				try {
					if (window != parent) {
						var a = parent.document.getElementsByTagName("iframe");
						for (var i = 0; i < a.length; i++) {
							if (a[i].contentWindow == window) {
								var h1 = 0,
									h2 = 0;
								if (document.documentElement && document.documentElement.scrollHeight) {
									h1 = document.documentElement.scrollHeight;
								}
								if (document.body) h2 = document.body.scrollHeight;
								var h = Math.max(h1, h2);
								if (window.ActiveXObject) {
									h += 4;
								} else {
									h += 4;
								}
								a[i].style.height = h + "px";
								window.removeEventListener('resize', iframeAutoFit, false); //兼容谷歌浏览器时要去掉RISZE监听
							}
						}
					}
				} catch (ex) {}
			}
		</script>

	</body>

</html>